<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%String path = request.getContextPath();%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>互动</title>
    <link href="<%=path%>/heatconfig/css/mui.min.css" rel="stylesheet" />
    <link href="<%=path%>/heatconfig/css/build.css" rel="stylesheet" type="text/css" />
    <script src="<%=path%>/heatconfig/js/mui.min.js"></script>
    <style type="text/css">
        .bor{
            width: 100%;
            height: 200px;

            margin-top: 200px;
            line-height: 200px;
            padding-left: 300px;
            font-size: 35px;

        }
        .user{
            float: left;
        }

    </style>
</head>
<body>

    <div class="mui-content">
        <div class="mui-control-content mui-active hudong_box padding_0_15">
            <!-- 咨询建议 start -->
            <div class="consult_list">
                <div class="title flex-space-between flex-between-center">
                    <h2><a href="<%=path%>/workerMyService">正在进行的订单</a></h2>
                    <h2><a href="<%=path%>/completedOrder?pageNum=1">已完成的订单</a></h2>
                    <a href="#">更多></a>
                </div>

                <div class="list_box">
                    <c:forEach items="${requestScope.pageInfo.list}" var="repairOrder" varStatus="status">
                        <div >

                            <h4>订单编号：${repairOrder.number}</h4>
                            <div class="box"class="list" style="border:1px #222222 solid">
                                <div class="mui-table-view-cell">
                                    <div class="user">客户姓名：${repairOrder.userinfoName}</div><br>
                                    <div class="user">联系电话：${repairOrder.userinfoPhoneNumber}</div><br>
                                    <div class="user">地址：${repairOrder.addressId.completeAddress}</div><br>
                                    <br>
                                    完成时间:${repairOrder.serviceTimeFinsh}
                                    <br>
                                    <div style="float:right">状态：${repairOrder.orderStateId.state}</div>
                                </div>

                            </div>
                        </div>
                    </c:forEach>

                </div>
            </div>
            <!-- 常见问题 end -->
            <C:forEach begin="1" end="${requestScope.pageInfo.pages}" var="i">
                <a href="<%=path%>/completedOrder?pageNum=${i}">[${i}]</a>
            </C:forEach>
            <!-- 底部信息-->
            <div class="footer_box">
                <div class="footer_txt">
                    <p>主办单位：交通运输部长江航务管理局</p>
                    <p>备案号：鄂ICP备0500000026号</p>
                </div>
            </div>
        </div>


        <nav class="mui-bar mui-bar-tab tabbar-bottom">
            <a class="mui-tab-item" onclick="window.location.href='index.html'">
                <span class="mui-icon"><img src="<%=path%>/heatconfig/images/nav_home.png" /></span>
                <span class="mui-tab-label">首页</span>
            </a>
            <a class="mui-tab-item mui-active"  href="/getMyService">
                <span class="mui-icon"><img src="<%=path%>/heatconfig/images/nav_hudong_on.png" /></span>
                <span class="mui-tab-label">我的维修</span>
            </a>
            <div class="mui-tab-item" onclick="window.location.href='user.html'">
                <a href="<%=path%>/getWorkerUser"><span class="mui-icon"><img src="<%=path%>/heatconfig/images/nav_user.png" /></span>
                <span class="mui-tab-label">我的</span></a>
            </div>
        </nav>
        <div class="bor">


        </div>
        <!-- 底部tabbar    end -->
        <script type="text/javascript">
            mui.init();

        </script>
    </div>
</body>
</html>

